<template>
  <div id='tmpl'>
      <mt-swipe :auto="2000">
			<mt-swipe-item v-for="(item,index) in imgs" :key="index">
				<img v-bind:src="item.img">
			</mt-swipe-item>
	    </mt-swipe>
  </div>
</template>
<script>
export default {
      props:['imgs'],
  data () {
  
    return {
    
    };
  }
}
</script>
<style lang="css" scoped>
.mint-swipe-item {
	background-color: red;
	width: 100%;
	height: 300px;
}

.mint-swipe {
	height: 300px;
}

.mint-swipe-item img {
	width: 100%;
	height: 100%;

}

</style>